<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button id="btn">弹窗</button>
</body>
</html>
<script src="/js/1.js"></script>
<script>
    /* 
        JavaScript 是动态、弱类型、基于原型脚本语言 由浏览器解析
            交互

        document 文档对象 DOM 通过JS对文档进行属性，节点操作等
    
        undefined 未赋值

        线程 js 单线程
   */

    // var btn = document.getElementById('btn');

    // 在控制台输出相关信息
    // console.log(btn);

    // btn.onclick = function()
    // {
    //     alert('点击弹窗按钮所触发的弹窗');
    // }

    console.log(a);

    /* 
        变量提升
    */
    var a = 1;

    console.log(a);

    // 可以重复声明
    var a = '1';

    console.log(a);

    // 不可用重复声明
    // let a = 123;

    // console.log(b);
    

    // let b = 123;

    // {
    //     let b = 456;
    //     // 块作用域 作用域链
    //     console.log(b);
        
    // }

    let b;

    if(a)
    {
        b = 1;
    }

    console.log(b);

    const user = {};

    // const user = 1;

    user.id = 1;
    user.nickname = 'demo';

    // 不能赋值
    // user = [];
    console.log(user);

    a = [];

    console.log(a);

    // for 循环

    // i++ 先赋值后自增
    // for (var i = 0; i < 10; i++) {
    //     // 单次定时器
    //     setTimeout(function(){
    //         console.log(i);
    //     },100)

    //     // console.log(i);
    // };

    // for (let i = 0; i < 10; i++) {
    //     setTimeout(function(){
    //         console.log(i);
    //     },100)
    // };

    // + 拼接符 同时也是运算符
    // console.log(1 + 1.2);
    
    
</script>